<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>




    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">

    <script src="js/index.js"></script>
    <link rel="stylesheet" href="fontAwesome/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">


</head>
<body>
    <div class="title">
        <h1 class="logo-qq">
            <a href=""><img src="./img/player_logo.png" alt=""></a>
        </h1>
        <div class="titleMsg">
            <span>QQ音乐，千万高品质曲库尽享</span>
            <div class="qqExe">
                <i class="fa fa-windows"></i>
                客户端下载
            </div>
            <ul class="userinfo">
                <li><img src="./img/g.gif" alt="">鬼魅</li>
                <li>设置</li>
                <li>退出</li>
            </ul>
        </div>
    </div>
    <div class="mmain">
        <div class="mainZ zhong">
            <div class="MAleft">
                <ul class="musicButton">
                    <li><a href=""><i class="fa fa-heart"></i>收藏</a></li>
                    <li><a href=""><i class="fa fa-plus-square"></i>添加到</a></li>
                    <li><a href=""><i class="fa fa-cloud-download"></i>下载</a></li>
                    <li><a href=""><i class="fa fa-trash"></i>删除</a></li>
                    <li><a href=""><i class="fa fa-eraser"></i>清空列表</a></li>
                </ul>
                <div class="musicmsgs">
                    <div class="checkdiv"><i></i></div>
                    <div class="musicNum "></div>
                    <div class="musicName musicListFont">
                        歌曲
                    </div>
                    <div class="singer musicListFont">歌手</div>
                    <div class="musicTime musicListFont">时长</div>
                </div>
                <ul class="musicList" data-mcs-theme="minimal-dark">
                    <li>
                        <div class="checkdiv"><i></i></div>
                        <div class="musicNum ">1</div>
                        <div class="musicName musicListFont">
                            依然爱你
                            <ul class="musicMul">
                                <li title="播放"><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                            </ul>
                        </div>
                        <div class="singer musicListFont">王力宏</div>
                        <div class="musicTime musicListFont">
                            <span>03:21</span>
                            <a href="javacvript:;"></a>
                        </div>
                    </li>
                    <li>
                        <div class="checkdiv"><i></i></div>
                        <div class="musicNum ">2</div>
                        <div class="musicName musicListFont">
                            Can you feel my world
                            <ul class="musicMul">
                                <li title="播放"><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                                <li><a href="javascript:;"></a></li>
                            </ul>
                        </div>
                        <div class="singer musicListFont">王力宏</div>
                        <div class="musicTime musicListFont">04:06</div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="MAright">
                <div class="musicImg">
                    <img src="./img/album_cover_player.png" alt="">
                    <img src="./img/lnj.jpg" alt="">
                </div>
                <div class="musicWord">
                    <p>歌曲名:依然爱你</p>
                    <p>歌手名:王力宏</p>
                    <p>专辑:龙的传人</p>
                </div>
            </div>

        </div>
    </div>
    <div class="downs">
        <div class="downsZ zhong"></div>
    </div>
</body>
</html>